<html>
<head>
<title>Photoshop Selection Tools Lesson 8</title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table WIDTH=564 BORDER=0 CELLPADDING=0 CELLSPACING=0>
  <tr valign="absbottom" align="left"> 
    <td colspan="2"><img src="images/headertop.gif" hspace="0" vspace="0" width="659" height="53" align="absbottom"></td>
  </tr>
  <tr> 
    <td valign="top" align="left" width="103"><img src="images/headerside.gif" hspace="0" vspace="0" width="96" height="153" align="top" border="0"><img src="images/pssidebar.gif" width="72" height="504"></td>
    <td align="right" valign="top" width="568">
      <table width="550" border="0" height="1602">
        <tr> 
          <td valign="top" align="left" colspan="4"> 
            <div align="center"><img src="images/LessonTitle8.gif" width="378" height="50"></div>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" width="180" height="0"> 
            <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="006633"><b>What 
              are Selection Tools?</b></font></p>
            <p align="center"><img src="images/selectiontools.gif" width="100" height="85"><br>
              <br>
            </p>
            <p align="right">&nbsp;</p>
            <p align="center">&nbsp;</p>
            <p align="left">&nbsp;</p>
            <p align="center">&nbsp;</p>
            <p align="left">&nbsp;</p>
          </td>
          <td width="13" height="0"><font face="Verdana, Arial, Helvetica, sans-serif"></font></td>
          <td colspan="2" align="left" valign="top" height="0"> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The 
              selection tools allow you to select a portion or a subset of an 
              image to work on. Most of Photoshop&#146;s other tools and filters 
              can then be applied to this selected area, altering its color, shape, 
              texture, position and/or other attributes, while leaving the rest 
              of the image untouched.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Photoshop 
              contains three types of selection tools: the Marquee Tools, the 
              Lasso Tools, and the Magic Wand.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The 
              marquee tools are used to select a specific regularly shaped area. 
              The marquee tools include the Rectangular, Elliptical, Single Row 
              and Single Column Marquees:</font></p>
            <p align="center"><img src="images/marqueetools.gif" width="212" height="140"></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The 
              lasso tools are used to select an irregular area. These tools include 
              the Lasso Tool, the Polygonal Lasso Tool and the Magnetic Lasso 
              Tool.</font></p>
            <p align="center"><img src="images/lassotools.gif" width="179" height="144"></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The 
              Magic Wand <img src="images/MagicWandIcon.gif" width="26" height="22"> 
              is used to select areas of an image based upon color; the Magic 
              Wand does not have additional tools.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">All 
              of the selection tools may be used individually or in conjunction 
              with each other to select exact areas of images. The Options Bar 
              allows you to choose to add to or subtract from a previous selection:</font></p>
            <p align="center"><img src="images/addtosubtractfromselection.gif" width="194" height="133"><br>
            </p>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" width="180" height="0">&nbsp;</td>
          <td width="13" height="0">&nbsp;</td>
          <td colspan="2" align="left" valign="top" height="0"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">If 
            you choose New Selection, any currently active selection will go away 
            when you make your new selection. If instead you would like to add 
            to the current selection, or subtract from it, make that choice in 
            the Options Bar. You can even choose to select an area formed by the 
            intersection of your selections.<br>
            <br>
            <br>
            </font></td>
        </tr>
        <tr> 
          <td valign="top" align="left" colspan="4" height="14"> 
            <hr>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" width="180"><font size="3" color="#006633" face="Verdana, Arial, Helvetica, sans-serif"><b><b><font color="006633">How 
            do I use<br>
            the Marquee Tools?</font></b></b></font></td>
          <td width="13">&nbsp;</td>
          <td colspan="2" align="left" valign="top"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The 
            marquee tools let you select rectangles, ellipses, and 1-pixel-wide 
            rows and columns. </font> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">To 
              use the marquee tools:</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">1) 
              Select a marquee tool: Rectangular (for a rectangular selection), 
              Elliptical (for an elliptically shaped selection), Single Row (for 
              a one-pixel wide row) or Single Column (for a one-pixel wide column).</font></p>
            <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">2) 
              Set the options you want in the Options Bar.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">3) 
              Drag over the area you want to select. Hold down the Shift key if 
              you want to constrain the selection to a square or a circle.</font></p>
            <p>&nbsp;</p>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" colspan="4"> 
            <hr>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" width="180"><font size="3" color="#006633" face="Verdana, Arial, Helvetica, sans-serif"><b><b><font color="006633">How 
            do I use<br>
            the Lasso Tools?</font></b></b></font></td>
          <td width="13" height="15">&nbsp;</td>
          <td colspan="2" align="left" valign="top" height="15"> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The 
              Lasso Tool and Polygonal Lasso Tool let you draw irregular selection 
              borders (both straight-edged and freehand):</font></p>
            <ul>
              <li><font face="Verdana, Arial, Helvetica, sans-serif" size="2">If 
                you want the selection to be completely or primarily freehand 
                (with a minimum of straight edges) then use the Lasso Tool. <br>
                </font><br>
              </li>
              <li><font face="Verdana, Arial, Helvetica, sans-serif" size="2">If 
                you want the selection to be completely or primarily straight 
                edges (with a miminum of freehand edges) then use the Polygonal 
                Lasso Tool. </font></li>
            </ul>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">With 
              the Magnetic Lasso Tool, you can draw the selection border, and 
              it will automatically snap to a high-contrast edge in the graphic.</font> 
            </p>
            <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>To 
              use the Lasso Tool:</b></font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">1) 
              Select the Lasso Tool from the Toolbox.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">2) 
              Set any desired options in the Options Bar.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">3) 
              To draw a freehand segment of the selection, simply drag the mouse. 
              </font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">4) 
              To draw a straight-edged segment of the selection, hold down the 
              Alt key and click at the desired beginning and end points of the 
              segment.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">5) 
              To close the selection border, let go of the mouse button (without 
              holding down the Alt key).</font></p>
            <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>To 
              use the Polygonal Lasso Tool:</b></font></p>
            <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">1) 
              Select the Polygonal Lasso Tool from the Toolbox.</font></p>
            <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">2) 
              Set any desired options in the Options Bar.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">3) 
              To draw a straight-edged segment of the selection, click at the 
              desired beginning and end points of the segment.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">4) 
              To draw a freehand segment of the selection, hold down the Alt key 
              and drag the mouse.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">5) 
              To close the selection border, double-click the mouse button.<br>
              <br>
              </font></p>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" width="180">&nbsp;</td>
          <td colspan="3" height="15" valign="top"> 
            <table width="391" border="0" cellpadding="15">
              <tr> 
                <td bgcolor="#FFFFCC"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Tip:</b> 
                  Think of the Lasso Tool and the Polygonal Lasso Tool as opposites 
                  of each other. One (the Lasso Tool) usually does freehand selections, 
                  but can be forced to make straight lines by holding down the 
                  Alt key, while the other (the Polygonal Lasso Tool) does straight 
                  line selections, but can be forced to do freehand by holding 
                  down the Alt key.</font></td>
              </tr>
            </table>
            <br>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" width="180">&nbsp;</td>
          <td width="13" height="15">&nbsp;</td>
          <td colspan="2" align="left" valign="top" height="15"> 
            <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>To 
              use the Magnetic Lasso Tool:</b></font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">1) 
              Select the Magnetic Lasso Tool from the Toolbox.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">2) 
              Set any desired options in the Options Bar.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">3) 
              Click to set the first endpoint of the selection.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">4) 
              To draw a freehand segment, move the mouse pointer along the edge 
              you want to trace. (You don&#146;t have to hold down the mouse button, 
              although you can if you like.) </font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">5) 
              As you move the pointer, the selection will automatically snap to 
              the strongest edge in the area around the pointer, based on the 
              Width set in the Options Bar. Periodically, intermediate points 
              are added to the selection border. While tracing the edge, click 
              to add a point if needed.</font></p>
            <font face="Verdana, Arial, Helvetica, sans-serif" size="2">6) If 
            you want to switch to either the regular Lasso Tool or the Polygonal 
            Lasso Tool, hold down the Alt key. At that point, dragging the mouse 
            will let you draw freehand borders; clicking will let you draw straight 
            line segments.</font> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">7) 
              Close the selection border by double-clicking the mouse.<br>
              <br>
              </font></p>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" colspan="4"> 
            <hr>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" width="180"> 
            <p><font size="3" color="#006633" face="Verdana, Arial, Helvetica, sans-serif"><b><b><font color="006633">How 
              do I use<br>
              the Magic Wand?</font></b></b></font></p>
          </td>
          <td width="13" height="15"><font face="Verdana, Arial, Helvetica, sans-serif"></font></td>
          <td colspan="2" align="left" valign="top"> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The 
              Magic Wand Tool lets you select areas of an image based on similar 
              shades of color simply by clicking on the desired color.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">To 
              use the Magic Wand Tool:</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">1) 
              Select the Magic Wand Tool from the Toolbox.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">2) 
              Set the desired options in the Options Bar:</font><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><br>
              <br>
              </font></p>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" colspan="4"> 
            <div align="right"><img src="images/MagicWandBar.gif" width="498" height="72"><br>
              <br>
              <br>
              <br>
            </div>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" width="180" height="0">&nbsp;</td>
          <td width="13" height="0">&nbsp;</td>
          <td width="336" align="left" valign="top" height="0"> 
            <ul>
              <li> 
                <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Choose 
                  whether to <br>
                  - create a new selection, <br>
                  - add to an existing selection, <br>
                  - subtract from an existing selection, or <br>
                  - intersect with the existing selection. </font></p>
              </li>
              <li> 
                <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Enter 
                  a value from 0 to 255 in the <b>Tolerance </b>box. A low number 
                  will let you select colors very similar to the pixel you click; 
                  a high number will let you select a broader range of colors.</font></p>
              </li>
              <li> 
                <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"> 
                  To select only adjacent areas using the same colors, select 
                  Contiguous. Otherwise, all pixels using the same colors will 
                  be selected.<br>
                  </font></p>
              </li>
              <li><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Check 
                or un-check the <b>Contiguous</b> option. If <b>Contiguous</b> 
                is not selected, all pixe</font><font size="2" face="Verdana, Arial, Helvetica, sans-serif">ls 
                that are the same color as the selected pixel will be selected, 
                wherever they occur in the image. Otherwise, only adjacent pixels 
                of the same color will be selected.</font></li>
            </ul>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">3) 
              Click the color you want to select.</font></p>
            <p>&nbsp;</p>
          </td>
          <td width="37" align="left" valign="top" height="0"> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><img src="images/Selection.gif" width="18" height="18"><br>
              </font><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><img src="images/Addition.gif" width="18" height="18"><br>
              </font><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><img src="images/SubtractionIcon.gif" width="18" height="18"><br>
              </font><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><img src="images/IntersectionIcon.gif" width="18" height="18"></font></p>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" colspan="4"> 
            <hr>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" height="1101"> 
            <p align="left"><font size="3" color="#006633" face="Verdana, Arial, Helvetica, sans-serif"><b><b><font size="3" color="#006633" face="Verdana, Arial, Helvetica, sans-serif"><b><b><font color="006633"><b>An 
              example</b></font></b></b></font></b></b></font></p>
            <p align="center">&nbsp;</p>
            <p align="center">&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
          </td>
          <td height="1101"><font face="Verdana, Arial, Helvetica, sans-serif"></font></td>
          <td align="left" valign="top" height="1101"> 
            <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">To 
              create the image at the bottom, we started with a photograph of 
              a bouquet of daffodils:</font></p>
            <p align="center"><img src="images/originaldaf.jpg" width="211" height="179" border="2"> 
              <br>
              <font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Original 
              Image</b></font></p>
            <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><br>
              First we selected the yellow color ranges in the image, using the 
              Magic Wand:</font></p>
            <p align="center"><img src="images/dafmagicselect.jpg" width="185" height="155" border="2"> 
              <br>
              <font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Magic 
              Wand Selection</b></font></p>
            <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><br>
              Next, we adjusted the selection to include just a single flower, 
              using the Lasso Tool and the &#147;add to&#148; and &#147;subtract 
              from&#148; selection options:</font></p>
            <p align="center"><img src="images/singledafselection.jpg" width="200" height="178" border="2"> 
              <br>
              <font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Adjusted 
              Selection</b></font></p>
            <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><br>
              Once only the single daffodil remained selected, we copied that 
              selection and pasted it into a new file. We also created a green 
              background layer. The result:</font></p>
            <p align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><img src="images/dafbackground.jpg" width="152" height="167" border="2"><br>
              </font><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><b><font size="2">Final 
              Image </font></b></font></p>
            <p align="center">&nbsp;</p>
          </td>
          <td align="left" valign="top" height="1101"> 
            <div align="center"> 
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
            </div>
            <div align="center"> 
              <p>&nbsp;</p>
              <p align="left">&nbsp;</p>
            </div>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" colspan="4"> 
            <p align="center"><a href="#top"><img src="images/EndOfLesson.gif" width="126" border = "0" height="28" alt="End of Lesson"></a></p>
            <p align="center"><b><font face="Arial, Helvetica, sans-serif" size="1">Copyright 
              &copy; 2001, Bloomsburg University Virtual Training Help Center.<br>
              All rights reserved. This material may not be used without written 
              permission.<br>
              Contact Dr. Mary Nicholson at <a href="mailto:mjnich@bloomu.edu">mjnich@bloomu.edu<br>
              </a></font></b><b><font face="Arial, Helvetica, sans-serif" size="1">The 
              screenshots contained in this tutorial were created in Adobe Photoshop 
              6.0.<br>
              </font></b></p>
            </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>

